// -------------------------切换两个盒子------------------------
// 点击 1、登录盒子 a 去注册
// $('.login a').on('click', function () {
//     // $('.login').hide().next().show();
//     $('.login').hide().siblings('div').show()
// }) 
// // 点击 2、注册盒子 a 去登录
// $('.register a').on('click', function () {
//      $('.login').show().next().hide();   
// })

// -------------------------切换两个盒子  开始------------------------
$('.box a').on('click', function () {
    $(this).parents('.box').hide().siblings('.box').show()
})
// -------------------------切换两个盒子  结束------------------------

// -------------------------注册功能   开始------------------------
// 表单提交事件----阻止默认行为----收集数据----Ajax提交---
$('.register form').on('submit', function (e) {
    e.preventDefault()
    let data = $(this).serialize()    // this :当前这一个form.收集表单数据   name 设置
    // console.log(data);
    $.ajax({
        type: 'POST',
        url: '/api/reguser',
        data: data,
        success: function (res) {
            // console.log(res);
            alert(res.message)                  //无论成功失败都有提示一下
            if (res.status === 0) {             //若果成功，清空输入框，切换到登录的盒子
                $('.register form')[0].reset()   //清空输入框
                $('.login').show().siblings('.box').hide()  //切换到登录的盒子
            }
        }
    })
})
// -------------------------注册功能   结束------------------------

// -------------------------自定义验证 规则------------------------
//1、加载form 模块（let 变量 = layui.模块名）；
    let form = layui.form
//2、调用form.verify() 方法扩展自己的验证规则
    form.verify({
        //正则表达式 /^开始{  xxx  } 结束$/]  \s : 表示空白字符；\S:非空白字符
        // 规则名称：['正则表达式', '验证不通过时的提示']
        user: [/^\w{2,10}$/, '用户名必须是2~10位'],    // \w: 表示数字字母下划线。{2,10}：表示2~10位长度，不要写成{2, 10}
        pass: [/^\S{6,12}$/, '密码必须是6~12位'],      // \S: 非空白字符串

        //2、函数写法：
        same: function (abc) {                        //形参abc ：表示使用此表单验证规则的 输入框 的值，第三项确认密码输入框 使用的此验证规则
            if ($('.pwd').val() !== abc) {            //形参表示 确认密码input  的值
                return '两次输入的密码不一致'           //return ： 的值= 验证不通过时的提示
            }
        }
    })





    
// -------------------------登录功能   开始------------------------
// 表单提交事件----阻止默认行为----收集数据----Ajax提交---
// 模块加载名称：layer，
 let layer = layui.layer

$('.login form').on('submit', function (e) {
    e.preventDefault()
   let data = $(this).serialize()   //设置name******
    // console.log(data);
    $.ajax({
        type: 'POST',
        url: '/api/login',                      //去复制接口
        data: data,
        success: function (res) {
            //alert(res.message)                
            //无论成功失败都有提示一下
               console.log(res);
            if (res.status === 0) {             //登录成功，页面跳转 index.html
                layer.msg(res.message, {        //"res.message" 注意加引号就成了字符串，应该是变量
                    time: 2000                  //2秒关闭（如果不配置，默认是3秒）
                  }, function(){
                    location.href = './index.html'  //do something
               
                });
            } else {
                layer.msg(res.message)
            }
        }
    })
})
// -------------------------注册功能   结束------------------------
//得用xiaozhu用户才能登录跳转页面成功------------
//新现注册的不能跳转成功